{{#if this.isStatic}}
    <div class="oxi-no-input" {{may-focus this true}}>{{@content.options.0.label}}</div>
{{else if @content.editable}}
    <div class="input-group">
        {{#if this.customMode}}
            <input
                type="text"
                class="form-control"
                value={{@content.value}}
                placeholder={{@content.placeholder}}
                {{on "input" this.onCustomInput}}
                {{on-init this.onCustomInsert}}
                {{may-focus this true}}
            />
        {{else}}
            <OxiBase::Select
                @list={{this.options}}
                @selected={{this.sanitizedValue}}
                @onChange={{this.optionSelected}}
                {{may-focus this true}}
            />
        {{/if}}
        <span class="input-group-btn">
            <BsButton @type="default" @active={{this.customMode}} @onClick={{this.toggleCustomMode}}>
                {{t 'component.oxifield_select.custom_value'}}
            </BsButton>
        </span>
    </div>
{{else}}
    <OxiBase::Select
        @list={{this.options}}
        @selected={{this.sanitizedValue}}
        @onChange={{this.optionSelected}}
        {{may-focus this true}}
    />
{{/if}}
